<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>服务到家</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="asset/css/mui.min.css" rel="stylesheet"/>
    <!--App自定义的css-->
    <link rel="stylesheet" href="asset/css/app.css"/>
    <!--时间选择器插件-->
    <link rel="stylesheet" type="text/css" href="asset/css/mui.picker.min.css"/>
</head>
<style>
</style>
<body>
<!--<header class="mui-bar mui-bar-nav header">-->
    <!--<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>-->
    <!--<h3 class="mui-title">确定下单</h3>-->
<!--</header>-->
<!--<div class="title" style="margin-top: 0.43rem"></div>-->
<div class="mui-content">
    <ul class="mui-table-view mui-table-view-chevron" style="margin-top: 0;">
        <li class="mui-table-view-cell">
<!--            <a href="javascript:;" class="mui-navigate-right place_word"><i class="place_local mui-navigate-left"></i><input class="local place_hidden_input" type="text" placeholder="请输入您的住址"/></a>-->
            <a href="javascript:;" class="mui-navigate-right place_word">
                <i class="place_local mui-navigate-left"></i><i id="qweqewewewq ">请输入地址</i>
            </a>
        </li>
        <li class="mui-table-view-cell">
<!--            <a href="javascript:;" class="mui-navigate-right place_word"><i class="place_person mui-navigate-left"></i><input class="name place_hidden_input" type="text" placeholder="请输入姓名 例如（甲先生）"/></a>-->
            <a href="javascript:;" class="mui-navigate-right place_word place_tell ">
                <i class="place_person mui-navigate-left"></i><i id="qweqewqfdsdfs ">请输入姓名</i>
            </a>
        </li>
        <li class="mui-table-view-cell">
            <a href="javascript:;" class="mui-navigate-right place_word place_tell ">
                <i class="place_phone mui-navigate-left"></i><i id="klhhads">请输入手机号</i>
            </a>
<!--                <input class="phone place_hidden_input" type="text" placeholder="手机号"/></a>-->
        </li>
    </ul>
    <ul class="mui-table-view mui-table-view-chevron"  style="margin-top: 10px;">
        <li class="place_order_li">
            <a href="javascript:;" class="mui-navigate-right place_word btn">
                <i class="place_time mui-navigate-left"></i><i id="demo1">请选择服务时间</i>
            </a>
        </li>

    </ul>
    <h3 class="place_tit">温馨提示：选择时间之前可以提前与商户预约好服务时间~</h3>
    <ul class="mui-table-view mui-table-view-chevron" style="margin-top: 10px;">
        <li class="place_order_li">
            <a href="javascript:;" class="place_word">
                <i class="place_shop mui-navigate-left"></i>
                <i class="store_fuwu_name"> 一起看电影 佣金:50</i>
            </a>
        </li>
    </ul>
    <h3 class="place_tit">该资金由同城帮帮担保，未交易成功，两小时内退款</h3>
</div>
<div class="footer_pay">
    <div class="fl pay_money">待支付：<i class="store_fuwu_money" style="color: #ff6600;"></i></div>
    <div class="fl pay_button">立即支付</div>
</div>
</body>
<script type="text/javascript" src="asset/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="asset/js/rem.js"></script>
<script src="asset/js/mui.min.js"></script>
<script src="asset/js/common.js"></script>
<!--时间选择器插件-->
<script src="asset/js/mui.picker.min.js"></script>
<script>
    //    时间选择器
    (function($) {
        $.init();
        var result = $('#demo1')[0];
        var btns = $('.btn');
        btns.each(function(i, btn){
            btn.addEventListener('tap', function() {
                var optionsJson = this.getAttribute('data-options') || '{}';
                var options = JSON.parse(optionsJson);
                var id = this.getAttribute('id');
                /*
                 * 首次显示时实例化组件
                 * 示例为了简洁，将 options 放在了按钮的 dom 上
                 * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
                 */
                var picker = new $.DtPicker(options);
                picker.show(function(rs) {
                    /*
                     * rs.value 拼合后的 value
                     * rs.text 拼合后的 text
                     * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
                     * rs.m 月，用法同年
                     * rs.d 日，用法同年
                     * rs.h 时，用法同年
                     * rs.i 分（minutes 的第二个字母），用法同年
                     */
                    result.innerHTML = rs.text;
                    /*
                     * 返回 false 可以阻止选择框的关闭
                     * return false;
                     */
                    /*
                     * 释放组件资源，释放后将将不能再操作组件
                     * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
                     * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
                     * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
                     */
                    picker.dispose();
                });
            }, false);
        });
    })(mui);
</script>
<!--微信支付-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"> </script>
<!--<script src="http://demo.open.weixin.qq.com/jssdk/js/api-6.1.js?ts=1420774989"> </script>-->

</html>


